/*----- Global ----*/
*{margin:0px;padding:0px; border-width:0;box-sizing:border-box;}
a,a:visited{text-decoration:none;color:#555;}
a:hover,a:active{text-decoration:none;color:#555;}
ul li{list-style:none;}
.clear{clear:both; height:0px; width:0px; overflow:hidden;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
*html .clearfix {height: 1%;}
.clearfix {display: block;}
.floatLeft{float:left;}
.floatRight{float:right;}
::-webkit-input-placeholder
{color:#999;}
:-moz-placeholder
{color:#999;}
::-moz-placeholder
{color:#999;}
:-ms-input-placeholder
{color:#999;}
.positionimg img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
/*ks_nav*/
.ks_nav{padding:50px 0; border-bottom:1px solid rgba(0,0,0,0.1);}
.ks_nav .kn_left{width:560px;float:left;}
.ks_nav .kn_left p:first-child{font-size:25px;line-height:35px;color:#000;}
.ks_nav .kn_left p:nth-child(2){font-size:16px;line-height:35px;color:rgba(0,0,0,0.4); font-family:Arial;}
.ks_nav .kn_left p:last-child{font-size:18px;line-height:48px;color:#FFF;margin-top:10px;background:#007423;display:inline-block;padding:0 30px;border-radius:25px;}
.ks_nav .kn_right{width:calc(100% - 560px);float:right;padding:23px 0 12px 30px;}
.ks_nav .kn_right a{display:block;width:82px;float:left;margin-left:calc(16.66% - 82px);}
.ks_nav .kn_right a:first-child{margin-left:0;}
.ks_nav .kn_right a i{display:block;width:100%;background-repeat:no-repeat;background-position:center center; background:rgba(0,116,35,0.2); border:1px solid #007423; border-radius:20px; transition:all ease-in-out .5s;}
.ks_nav .kn_right a:hover i{background:rgba(0,116,35,0.5); transform:rotate(360deg);}
.ks_nav .kn_right a i img{background:#007423; border-radius:20px; width:60px; padding:12px; margin:10px;}
.ks_nav .kn_right a p{font-size:16px;height:26px;line-height:26px;color:#222;margin-top:15px;text-align:center;}
/*ip_class*/
#ip_classbg{background:url(../images/pcbg.jpg) repeat-x left top;padding-top:80px;position:relative;}
#ip_classbg:before{content:'';position:absolute;right:0;top:62px;background:#FFF;width:calc(50% - 740px);height:calc(100% - 62px);}
.ip_class{position:relative;}
.ip_class:before{content:'';position:absolute;left:-7px;top:-23px;background:url(../images/pc_jiantou.png) no-repeat left top;height:100%;width:19px;}
.ip_class .ip_left{width:294px;float:left;position:relative;padding:31px 0 31px 20px;}
.ip_class .ip_left .ipl_content{height:426px;width:100%;overflow:hidden;}
.ip_class .ip_left .ipl_content{}
.ip_class .ip_left .ipl_content .swiper-slide p{width:100%;height:46px;line-height:46px;padding-left:40px;color:#FFF;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;font-size:17px;cursor:pointer;}
.ip_class .ip_left .ipl_content .swiper-slide p.icon1{background-image:url(../images/pc_cbg1.png);}
.ip_class .ip_left .ipl_content .swiper-slide p.icon2{background-image:url(../images/pc_cbg2.png);}
.ip_class .ip_left .ipl_content .swiper-slide p.icon3{background-image:url(../images/pc_cbg3.png);}
.ip_class .ip_left .ipl_content .swiper-slide p.icon4{background-image:url(../images/pc_cbg4.png);}
.ip_class .ip_left .ipl_content .swiper-slide p.icon5{background-image:url(../images/pc_cbg5.png);}
.ip_class .ip_left .ipl_content .swiper-slide p.icon6{background-image:url(../images/pc_cbg6.png);}
.ip_class .ip_left .ipl_content .swiper-slide p.icon7{background-image:url(../images/pc_cbg7.png);}
.ip_class .ip_left .ipl_content .swiper-slide p.icon8{background-image:url(../images/pc_cbg8.png);}
.ip_class .ip_left .ipl_content .swiper-slide p.icon9{background-image:url(../images/pc_cbg9.png);}
.ip_class .ip_left .ipl_content .swiper-slide p.icon10{background-image:url(../images/pc_cbg10.png);}
.ip_class .ip_left .ipl_content .swiper-slide p.icon11{background-image:url(../images/pc_cbg10.png);}
.ip_class .ip_left .swiper-button-prev{width:100%;height:31px;background-image:url(../images/pc_up.png);background-position:64px top;background-size: auto;top:0;margin-top:0;left:0;outline:none;}
.ip_class .ip_left .swiper-button-next{width:100%;height:31px;background-image:url(../images/pc_down.png);background-position:64px bottom;background-size: auto;top:auto;margin-top:0;right:0;bottom:0;outline:none;}
.ip_class .ip_right{width:calc(100% - 294px);float:right;}
.ip_class .ip_right .ipr_left{width:720px;float:left;position:relative;}
.ip_class .ip_right .ipr_left .ipr_content{width:100%;overflow:hidden;}
.ip_class .ip_right .ipr_left .ipr_img{width:100%;padding-bottom:526px;position:relative;}
.ip_class .ip_right .ipr_left .ipr_num{width:60px;font-size:24px;height:24px;line-height:24px;position:absolute;right:50px;bottom:34px;font-family:Impact;color:#353535;}
.ip_class .ip_right .ipr_left .ipr_num .span1{color:#007423;}
.ip_class .ip_right .ipr_right{width:calc(100% - 720px);float:right;background:#FFF;padding:40px 0 60px 80px;}
.ip_class .ip_right .ipr_right .ipr_top{position:relative;font-weight:bold;}
.ip_class .ip_right .ipr_right .ipr_top:before{content:'';width:116px;height:2px;background:#007423;position:absolute;left:0;bottom:0;z-index:0;}
.ip_class .ip_right .ipr_right .ipr_top span{display:block;font-size:40px;height:40px;line-height:40px;color:#007423;text-transform:uppercase; font-family:Arial;}
.ip_class .ip_right .ipr_right .ipr_top p{font-size:30px;height:80px;line-height:80px;color:#000;position:relative;z-index:1;}
.ip_class .ip_right .ipr_right .ipr_txt{margin-top:25px;overflow:hidden;width:100%;}
.ip_class .ip_right .ipr_right .ipr_txt .ipr_pp{}
.ip_class .ip_right .ipr_right .ipr_txt .ipr_pp .pp_t{font-size:28px;height:46px;line-height:46px;color:#000;}
.ip_class .ip_right .ipr_right .ipr_txt .ipr_pp .pp_ul{padding-top:7px;}
.ip_class .ip_right .ipr_right .ipr_txt .ipr_pp .pp_ul a{display:block;width:49%;margin-left:2%;float:left;height:31px;line-height:29px;border:1px solid #ababab;font-size:15px;color:#6d6d6d;margin-top:9px;padding-left:15px;}
.ip_class .ip_right .ipr_right .ipr_txt .ipr_pp .pp_ul a:nth-child(odd){margin-left:0;}
.ip_class .ip_right .ipr_right .ipr_txt .ipr_pp .pp_ul p{font-size:15px;line-height:28px;margin-top:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;height:112px;}
.indexpp_btn{margin-top:55px;}
.indexpp_btn a{display:block;width:137px;margin-left:44px;float:left;height:41px;line-height:39px;border:1px solid #007423;font-size:14px;color:#007423;padding-left:22px;background:url(../images/btn_icon.png) no-repeat right 25px center;border-radius:21px;}
.indexpp_btn a:first-child{margin-left:0;}
.indexpp_btn a:hover{background:url(../images/btn_icon_hover.png) no-repeat right 25px center #007423;color:#FFF;}
/*product*/
#productbg{background:#F6F6F6;padding:1% 0 6%;position:relative;}
.product{position:relative;z-index:1;}
.product .p_ul{width:100%;overflow:hidden;}
.product .p_ul .p_img{width:100%;padding-bottom:75%;position:relative; border:1px solid #e8e7e7;}
.product .p_ul p{height:60px;line-height:60px;padding:0 10px;font-size:14px;color:#676767;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#eeeeee;text-align:center;}
#productbg .swiper-button-prev{background-image:url(../images/p_left.png);width:44px;height:44px;background-size:auto auto;background-position:left center;left:calc(50% - 794px);margin-top:-22px;outline:none;}
#productbg .swiper-button-next{background-image:url(../images/p_right.png);width:44px;height:44px;background-size:auto auto;background-position:right center;right:calc(50% - 794px);margin-top:-22px;outline:none;}
/*yingyong*/
.yy_title{padding:34px 0 43px;}
.yingyong{position:relative;overflow:hidden;}
.yingyong .yy_img{width:66%;padding-bottom:701px;position:relative;}
.yingyong .yy_txt{position:absolute;width:100%;height:100%;left:0;top:0;}
.yingyong .yy_txt .container{position:relative;height:100%;}
.yingyong .yy_txt .yy_pp{width:720px;position:absolute;left:60px;bottom:52px;}
.yingyong .yy_txt .yy_pp p{font-size:18px;line-height:30px;margin-top:10px;color:#FFF;}
.yingyong .yy_txt .yy_pp p:first-child{font-size:30px;height:40px;line-height:40px;margin-top:0;}
.yingyong .yy_txt .yy_pp a{display:block;width:172px;height:39px;line-height:39px;border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3);padding-left:22px;background:url(../images/yy_biocn.png) no-repeat right 52px center;font-size:15px;color:#FFF;margin-top:15px;}
.yingyong .yy_btn{position:absolute;top:0;right:calc(50% - 750px);height:100%;width:32%;z-index:2;border-left:1px solid #cccccc;border-top:1px solid #cccccc;}
.yingyong .yy_btn .swiper-pagination{width:100%;}
.yingyong .yy_btn .swiper-pagination-bullet{width:50%;height:auto; float:left; display:block;border-radius:0;opacity:1;background:none;}
.yingyong .yy_btn .yy_span{width:100%;height:175px;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;background-repeat:no-repeat;background-position:center 50px;font-size:22px;color:#333;line-height:230px;text-align:center;background-color:#fff;}
.yingyong .yy_btn .yy_span.icon1{background-color:#007423; background-image:url(../images/yy_icon1_hover.png);color:#fff;}
.yingyong .yy_btn .yy_span.icon2{background-image:url(../images/yy_icon2.png);}
.yingyong .yy_btn .yy_span.icon3{background-image:url(../images/yy_icon3.png);}
.yingyong .yy_btn .yy_span.icon4{background-image:url(../images/yy_icon4.png);}
.yingyong .yy_btn .yy_span.icon5{background-image:url(../images/yy_icon5.png);}
.yingyong .yy_btn .yy_span.icon6{background-image:url(../images/yy_icon6.png);}
.yingyong .yy_btn .yy_span.icon7{background-image:url(../images/yy_icon7.png);}
.yingyong .yy_btn .yy_span.icon8{background-image:url(../images/yy_icon8.png);}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span{background-color:#fff;color:#007423;}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon1{background-color:#007423; background-image:url(../images/yy_icon1_hover.png);color:#fff;}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon2{background-image:url(../images/yy_icon2_hover.png);}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon3{background-image:url(../images/yy_icon3_hover.png);}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon4{background-image:url(../images/yy_icon4_hover.png);}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon5{background-image:url(../images/yy_icon5_hover.png);}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon6{background-image:url(../images/yy_icon6_hover.png);}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon7{background-image:url(../images/yy_icon7_hover.png);}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon8{background-image:url(../images/yy_icon8_hover.png);}
/*info*/
#infobg{background:url(../images/infobg.jpg) no-repeat center center;background-size:cover; padding-bottom:5%;}
.info{margin-top:20px;}
.info .info_left{width:350px;float:left;background:url(../images/info_img.png) no-repeat center center;background-size:100%;padding:60px 0 90px 60px;}
.info .info_left p{color:#FFF; font-family:Arial;}
.info .info_left p:first-child{font-size:30px;height:40px;line-height:40px;font-weight:bold;}
.info .info_left p:nth-child(2){font-size:72px;height:72px;line-height:72px;font-weight:bold;font-family:Arial;margin-top:16px;}
.info .info_left p:nth-child(3){font-size:34px;height:34px;line-height:34px;margin-top:10px;}
.info .info_left a{display:block;width:43px;height:43px;background:url(../images/info_icon.png) no-repeat center center;background-size:cover;margin-top:69px;}
.info .info_right{width:calc(100% - 350px);padding:0 30% 0 80px;float:right;position:relative;}
.info .info_right p{font-size:16px;line-height:30px;color:#696969;}
.info .info_right p:first-child{font-size:30px;height:52px;line-height:52px;font-weight:bold;color:#001219;background:url(../images/info_line.png) no-repeat 140px center;margin-top:50px;}
.info .info_right p:first-child:before{content:attr(text);position:absolute;z-index:10;color:#ed8124;-webkit-mask:linear-gradient(to left, #007423, transparent );}
.info .info_right p:nth-child(2){font-size:18px;line-height:28px;color:#001219;}
.info .info_right p:nth-child(3){font-size:26px;line-height:36px;margin:15px 0;font-weight:bold;color:#007423;}
.info .info_right p:nth-child(3):before{content:attr(text);position:absolute;z-index:10;color:#009d2f;-webkit-mask:linear-gradient(to left, #009d2f, transparent );}
.info .info_right a{display:block;width:138px;height:42px;line-height:40px;border:1px solid #007423;border-radius:21px;color:#007423;padding-left:23px;background:url(../images/btn_icon.png) no-repeat right 26px center;position:absolute;right:0;bottom:69px;}
#info_btnbg{box-shadow:10px 0 15px rgba(0,0,0,.1);padding:39px 0 38px;margin-bottom:75px;}
.info_li{width:calc(25% - 63px);margin-left:84px;float:left;}
.info_li:first-child{margin-left:0;}
.info_li p{font-size:15px;line-height:24px;color:rgba(51,51,51,.8);}
.info_li p:first-child{font-size:28px;line-height:38px;line-height:38px;background-repeat:no-repeat;background-position:right bottom 1px;margin-bottom:9px;color:#333;font-weight:bold;}
.info_li p.icon1{background-image:url(../images/info_icon1.png);}
.info_li p.icon2{background-image:url(../images/info_icon2.png);}
.info_li p.icon3{background-image:url(../images/info_icon3.png);}
.info_li p.icon4{background-image:url(../images/info_icon4.png);}
@media screen and (max-width:1636px){
.index_banner{padding-bottom:756px;}
#productbg .swiper-button-prev{left:0;}
#productbg .swiper-button-next{right:0;}
}
@media screen and (max-width:1546px){
.container{width:1200px;}
#topbg{height:83px;}
.top .logo{width:210px;}
.top .t_right{padding-right:48px;}
.pcnav .firstfloor>li{margin-left:16px;}
.pcnav .firstfloor>li>.span_a{height:66px;line-height:64px;font-size:15px;padding:0 15px;}
.index_banner{padding-bottom:606px;}
.ks_nav{padding:40px 0 36px;}
.ks_nav .kn_left{width:480px;}
.ks_nav .kn_left p:first-child{font-size:20px;height:30px;line-height:30px;}
.ks_nav .kn_left p:nth-child(2){margin-top:5px;}
.ks_nav .kn_left p:last-child{margin-top:15px;font-size:18px;}
.ks_nav .kn_right{width:calc(100% - 480px);padding:9px 0 16px 60px;}
.ks_nav .kn_right a p{font-size:15px;height:24px;line-height:24px;margin-top:10px;}
#ip_classbg{padding-top:40px;background-size:auto 386px;}
#ip_classbg:before{width:calc(50% - 566px);}
.ip_class:before{background-size:auto 450px;left:-4px;top:-26px;}
.ip_class .ip_left{width:200px;padding:20px 0 20px 15px;}
.ip_class .ip_left .ipl_content{height:351px;}
.ip_class .ip_left .ipl_content .swiper-slide p{font-size:15px;height:36px;line-height:36px;}
.ip_class .ip_left .swiper-button-prev{height:20px;}
.ip_class .ip_left .swiper-button-next{height:20px;}
.ip_class .ip_right{width:calc(100% - 200px);}
.ip_class .ip_right .ipr_left{width:576px;height:421px;}
.ip_class .ip_right .ipr_left .ipr_img{padding-bottom:421px;}
.ip_class .ip_right .ipr_left .ipr_num{right:30px;bottom:26px;}
.ip_class .ip_right .ipr_right{width:calc(100% - 576px);padding:21px 0 30px 40px;}
.ip_class .ip_right .ipr_right .ipr_top:before{width:86px;height:10px;}
.ip_class .ip_right .ipr_right .ipr_top span{font-size:40px;height:40px;line-height:40px;}
.ip_class .ip_right .ipr_right .ipr_top p{font-size:30px;height:38px;line-height:38px;}
.ip_class .ip_right .ipr_right .ipr_txt{margin-top:36px;}
.ip_class .ip_right .ipr_right .ipr_txt .ipr_pp .pp_t{font-size:30px;height:40px;line-height:40px;}
.ip_class .ip_right .ipr_right .ipr_txt .ipr_pp .pp_ul a{font-size:14px;padding-left:10px;}
.indexpp_btn{margin-top:45px;}
#productbg .swiper-button-prev{left:calc(50% - 644px);}
#productbg .swiper-button-next{right:calc(50% - 644px);}
.sub_title .s_t{font-size:30px;height:40px;line-height:40px;}
.sub_title i{margin:10px auto 0;}
.yy_title{padding:30px 0 30px;}
.yingyong .yy_img{padding-bottom:569px;}
.yingyong .yy_txt .yy_pp{width:655px;bottom:36px;}
.yingyong .yy_txt .yy_pp p{font-size:16px;line-height:26px;margin-top:8px;}
.yingyong .yy_txt .yy_pp p:first-child{font-size:24px;height:36px;line-height:36px;}
.yingyong .yy_txt .yy_pp a{height:34px;line-height:34px;margin-top:10px;}
.yingyong .yy_btn{right: calc(50% - 600px);width:32%;}
.yingyong .yy_btn .yy_span{height:142px;line-height:142px;font-size:20px;background-position:30px center;padding-left:90px; text-align:left;}
.yingyong .yy_btn .yy_span.icon1{background-size:40px auto;}
.yingyong .yy_btn .yy_span.icon2{background-size:40px auto;}
.yingyong .yy_btn .yy_span.icon3{background-size:40px auto;}
.yingyong .yy_btn .yy_span.icon4{background-size:40px auto;}
.yingyong .yy_btn .yy_span.icon5{background-size:40px auto;}
.yingyong .yy_btn .yy_span.icon6{background-size:40px auto;}
.yingyong .yy_btn .yy_span.icon7{background-size:40px auto;}
.yingyong .yy_btn .yy_span.icon8{background-size:40px auto;}
.info{margin-top:15px;}
.info .info_left{width:302px;padding:70px 0 40px 46px;}
.info .info_left p:first-child{font-size:24px;height:34px;line-height:34px;}
.info .info_left p:nth-child(2){font-size:60px;height:60px;line-height:60px;margin-top:10px;}
.info .info_left p:nth-child(3){font-size:24px;height:24px;line-height:24px;}
.info .info_left a{margin-top:134px;}
.info .info_right{width:calc(100% - 302px);}
.info .info_right p{font-size:15px;line-height:24px;}
.info .info_right p:first-child{font-size:30px;line-height:46px;margin-top:50px;}
.info .info_right p:nth-child(2){font-size:20px;line-height:44px;}
.info .info_right p:nth-child(3){font-size:25px;line-height:34px;}
.info .info_right p:nth-child(4){font-size:14px;line-height:25px;}
.info .info_right p:nth-child(5){font-size:24px;line-height:34px;margin:18px 0 7px;}
#info_btnbg{padding:26px 0 26px;margin-bottom:50px;}
.info_li{width:calc(25% - 21px);margin-left:28px;}
.info_li p{font-size:13px;line-height:22px;}
.info_li p:first-child{font-size:24px;height:34px;line-height:34px;}
#px_banner{padding-bottom:465px;}
#px_banner.px_ban1{padding-bottom:360px;}
.px_txt .px_txt_p p:first-child{font-size:32px;height:32px;line-height:32px;}
.px_txt .px_txt_p p:last-child{font-size:40px;height:50px;line-height:50px;margin-top:10px;}
#px_banner.px_ban2{padding-bottom:560px;}
.sub_nav a{height:52px;line-height:52px;font-size:14px;}
}
@media screen and (max-width:1305px){
#productbg .swiper-button-prev{left:0;}
#productbg .swiper-button-next{right:0;}
}
/*1230以下å±å¹•*/
@media screen and (max-width:1246px){
#flashvideobg{display:none;}
.container{width:994px;}
#topbg{height:67px;}
.top{padding-top:10px;}
.top .logo{width:156px;}
.top .logo p{font-size:13px;font-weight:bold;letter-spacing:0;}
.top .t_right{padding-right:0;width:calc(100% - 156px);}
.pcnav .firstfloor>li{margin-left:10px;}
.pcnav .firstfloor>li>.span_a{height:57px;line-height:55px;font-size:14px;}
.pcnav .secondfloor>li{font-size:12px;height:40px;line-height:40px;}
.t_right .t_icon{display:none;}
.index_banner{padding-bottom:500px;display:block;}
.index_banner .swiper-pagination-bullets{bottom:26px!important;height:36px;}
.sp_box{width:36px;height:36px;}
.sp_box .sp_center{height:32px;line-height:32px;}
.ks_nav{padding:20px 0 20px;}
.ks_nav .kn_left p:first-child{font-size:18px;height:26px;line-height:26px;font-weight:bold;}
.ks_nav .kn_left p:last-child{font-size:16px;margin-top:10px;}
.ks_nav .kn_right{padding-left:20px;padding:12px 0;}
.ks_nav .kn_right a{margin-left:calc(16.66% - 60px); width:60px;}
.ks_nav .kn_right a i{height:60px;background-size:auto 100%;}
.ks_nav .kn_right a i img{border-radius:10px; width:40px; padding:7px; margin:9px;}
.ks_nav .kn_right a p{font-size:14px;height:24px;line-height:24px;margin-top:8px;}
#ip_classbg{padding-top:30px;background-size:auto 324px;}
#ip_classbg:before{width:calc(50% - 487px);top:30px;height:calc(100% - 30px);}
.ip_class:before{background-size:auto 374px;top:-18px;}
.ip_class .ip_left{width:170px;padding:15px 0 15px 15px;}
.ip_class .ip_left .ipl_content{height:301px;}
.ip_class .ip_left .ipl_content .swiper-slide p{font-size:14px;padding-left:26px;}
.ip_class .ip_left .swiper-button-prev{height:15px;}
.ip_class .ip_left .swiper-button-next{height:15px;}
.ip_class .ip_right{width:calc(100% - 170px);}
.ip_class .ip_right .ipr_left{width:477px;height:345px;}
.ip_class .ip_right .ipr_left .ipr_img{padding-bottom:345px;}
.ip_class .ip_right .ipr_right{width:calc(100% - 477px);padding:10px 0 10px 15px;}
.ip_class .ip_right .ipr_right .ipr_top:before{width:80px;height:2px;}
.ip_class .ip_right .ipr_right .ipr_top span{font-size:30px;height:30px;line-height:30px;}
.ip_class .ip_right .ipr_right .ipr_top p{font-size:20px;height:40px;line-height:40px;}
.ip_class .ip_right .ipr_right .ipr_txt{margin-top:20px;}
.ip_class .ip_right .ipr_right .ipr_txt .ipr_pp .pp_t{font-size:24px;height:32px;line-height:32px;}
.ip_class .ip_right .ipr_right .ipr_txt .ipr_pp .pp_ul a{font-size:12px;padding-left:5px;}
.ip_class .ip_right .ipr_right .ipr_txt .ipr_pp .pp_ul p{font-size:13px;line-height:23px;height:115px;}
.indexpp_btn{margin-top:41px;}
.indexpp_btn a{height:37px;line-height:35px;}
.ip_class .ip_right .ipr_left .ipr_num{right:15px;bottom:15px;font-size:20px;height:20px;line-height:20px;width:46px;}
#productbg .swiper-button-prev{left:calc(50% - 541px);}
#productbg .swiper-button-next{right:calc(50% - 541px);}
.sub_title .s_t{font-size:26px;height:34px;line-height:34px;}
.sub_title i{margin:6px auto 0;}
.sub_title p{font-size:13px;line-height:22px;margin-top:5px;}
.yy_title{padding:20px 0 20px;}
.yingyong .yy_img{padding-bottom:449px;}
.yingyong .yy_txt .yy_pp{width:570px;bottom:20px;}
.yingyong .yy_txt .yy_pp p{font-size:14px;line-height:24px;margin-top:5px;}
.yingyong .yy_txt .yy_pp p:first-child{font-size:20px;height:30px;line-height:30px;font-weight:bold;}
.yingyong .yy_txt .yy_pp a{height:30px;line-height:30px;margin-top:10px;font-size:14px;width:120px;background-position:right 20px center;padding-left:15px;}
.yingyong .yy_btn{right:calc(50% - 497px);width:32%;}
.yingyong .yy_btn .yy_span{height:112px;line-height:112px;font-size:16px;background-position:30px center;padding-left:80px;}
.yingyong .yy_btn .yy_span.icon1{background-size:32px auto;}
.yingyong .yy_btn .yy_span.icon2{background-size:32px auto;}
.yingyong .yy_btn .yy_span.icon3{background-size:32px auto;}
.yingyong .yy_btn .yy_span.icon4{background-size:32px auto;}
.yingyong .yy_btn .yy_span.icon5{background-size:32px auto;}
.yingyong .yy_btn .yy_span.icon6{background-size:32px auto;}
.yingyong .yy_btn .yy_span.icon7{background-size:32px auto;}
.yingyong .yy_btn .yy_span.icon8{background-size:32px auto;}
.info{margin-top:10px;}
.info .info_left{width:260px;padding:40px 0 30px 26px;}
.info .info_left p:first-child{font-size:20px;height:30px;line-height:30px;}
.info .info_left p:nth-child(2){font-size:50px;height:50px;line-height:50px;margin-top:10px;}
.info .info_left p:nth-child(3){font-size:20px;height:20px;line-height:20px;}
.info .info_left a{margin-top:131px;}
.info .info_right{width:calc(100% - 260px);padding:0 50px;}
.info .info_right p{font-size:14px;line-height:23px;}
.info .info_right p:first-child{font-size:30px;height:40px;line-height:40px;margin-top:20px;}
.info .info_right p:nth-child(2){font-size:20px;height:40px;line-height:40px;background-position:66px center;margin-top:16px;}
.info .info_right p:nth-child(3){font-size:25px;height:30px;line-height:30px;margin-top:10px;}
.info .info_right p:nth-child(5){font-size:20px;height:30px;line-height:30px;margin:10px 0 7px;}
.info .info_right a{height:37px;line-height:35px;bottom:40px;}
#info_btnbg{padding:18px 0 18px;margin-bottom:30px;}
.info_li{width:calc(25% - 21px);margin-left:28px;}
.info_li p{font-size:12px;line-height:20px;}
.info_li p:first-child{font-size:20px;height:30px;line-height:30px;background-size:auto 28px;}
.izl-rmenu{display:none;}
#px_banner{padding-bottom:37%;}
#px_banner.px_ban1{padding-bottom:298px;}
.px_txt .px_txt_p p:first-child{font-size:26px;height:26px;line-height:26px;}
.px_txt .px_txt_p p:last-child{font-size:32px;height:40px;line-height:40px;margin-top:7px;}
#px_banner.px_ban2{padding-bottom:44%;}
.sub_nav a{font-size:14px;height:50px;line-height:50px;width:146px;}
.sub_nav a:before{border-left-width:6px;border-right-width:6px;border-top-width:6px;bottom:-6px;margin-left:-6px;}
.manu{margin-top:20px;}
}
@media screen and (max-width:1099px){
#productbg .swiper-button-prev{left:0;}
#productbg .swiper-button-next{right:0;}
}
/*992以下å±å¹•*/
@media screen and (max-width:1023px){
.container{width:738px;}
#headbg{display:none;}
#topbg{display:none;}
#mobileheadbg{display:block;}
#mobilehead.mhead{background:#FFF;position:fixed;z-index:9999;top:0;box-shadow:0 2px 5px rgba(0,0,0,.6);}
#mobilehead .nav_bg.nav_bg1{height:70px;height:calc(100% - 70px);}
#mobilehead .nav .nav_box.nav_box1{top:70px;}
.index_banner{padding-bottom:49%;}
.index_banner .swiper-pagination-bullets{bottom:15px!important;}
.ks_nav .kn_left{width:100%; text-align:center; padding-bottom:5%;}
.ks_nav .kn_left p:nth-child(2){font-size:12px;line-height:25px;}
.ks_nav .kn_right{width:100%;float:none;padding:0 0 0 0;}
#ip_classbg{padding-top:20px;background-size:auto 267px;}
#ip_classbg:before{width:calc(50% - 365px);top:66px;height:calc(100% - 66px);}
.ip_class:before{content:none;}
.ip_class .ip_left{width:100%;float:none;padding:0 20px;}
.ip_class .ip_left .ipl_content{height:auto;}
.ip_class .ip_left .ipl_content .swiper-slide p{background:#007423;padding-left:0;text-align:center;background-image:none!important;}
.ip_class .ip_left .swiper-button-prev{width:20px;height:100%;background-position:left center;background-image:url(../images/mpc_up.png);}
.ip_class .ip_left .swiper-button-next{width:20px;height:100%;background-position:right center;background-image:url(../images/mpc_down.png);}
.ip_class .ip_right{width:100%;float:none;margin-top:10px;}
.ip_class .ip_right .ipr_left{width:379px;height:277px;}
.ip_class .ip_right .ipr_left .ipr_img{padding-bottom:277px;}
.ip_class .ip_right .ipr_right{width:calc(100% - 379px);padding:10px 0 10px 15px;}
.ip_class .ip_right .ipr_right .ipr_top:before{width:70px;height:2px;}
.ip_class .ip_right .ipr_right .ipr_top span{font-size:20px;height:20px;line-height:20px;}
.ip_class .ip_right .ipr_right .ipr_top p{font-size:18px;height:35px;line-height:35px;}
.ip_class .ip_right .ipr_right .ipr_txt{margin-top:10px;}
.ip_class .ip_right .ipr_right .ipr_txt .ipr_pp .pp_t{font-size:20px;height:28px;line-height:28px;}
.ip_class .ip_right .ipr_right .ipr_txt .ipr_pp .pp_ul{padding-top:0;}
.ip_class .ip_right .ipr_right .ipr_txt .ipr_pp .pp_ul p{margin-top:0;}
.ip_class .ip_right .ipr_left .ipr_num{right:15px;bottom:15px;font-size:20px;height:20px;line-height:20px;width:46px;}
.product .p_ul p{font-size:14px;height:40px;line-height:40px;}
.sub_title .s_t{font-size:22px;height:30px;line-height:30px;}
.sub_title p br{display:none;}
.yy_title{padding:20px 0 10px;}
.yingyong{padding-top:60px;}
.yingyong .yy_img{padding-bottom:351px;width:100%;}
.yingyong .yy_txt .yy_pp{width:85%;bottom:20px; left:30px;}
.yingyong .yy_txt .yy_pp p{font-size:13px;line-height:22px;margin-top:5px;}
.yingyong .yy_txt .yy_pp p:first-child{font-size:17px;height:25px;line-height:25px;}
.yingyong .yy_btn{right:0;width:100%;height:60px;}
.yingyong .yy_btn .swiper-pagination-bullet{width:25%;float:left;}
.yingyong .yy_btn .yy_span{height:60px;line-height:60px;font-size:16px;background-position:20px center;padding-left:58px;border-right:1px solid rgba(255,255,255,.1);border-bottom:none;}
.yingyong .yy_btn .yy_span.icon1{background-size:24px auto;}
.yingyong .yy_btn .yy_span.icon2{background-size:24px auto;}
.yingyong .yy_btn .yy_span.icon3{background-size:24px auto;}
.yingyong .yy_btn .yy_span.icon4{background-size:24px auto;}
.yingyong .yy_btn .yy_span.icon5{background-size:24px auto;}
.yingyong .yy_btn .yy_span.icon6{background-size:24px auto;}
.yingyong .yy_btn .yy_span.icon7{background-size:24px auto;}
.yingyong .yy_btn .yy_span.icon8{background-size:24px auto;}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span{background-color:#007423;color:#FFF;}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon1{background-image: url(../images/yy_icon1_hovers.png);}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon2{background-image: url(../images/yy_icon2_hovers.png);}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon3{background-image: url(../images/yy_icon3_hovers.png);}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon4{background-image: url(../images/yy_icon4_hovers.png);}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon5{background-image: url(../images/yy_icon5_hovers.png);}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon6{background-image: url(../images/yy_icon6_hovers.png);}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon7{background-image: url(../images/yy_icon7_hovers.png);}
.yingyong .yy_btn span.swiper-pagination-bullet-active .yy_span.icon8{background-image: url(../images/yy_icon8_hovers.png);}
.info .info_left{display:none;}
.info .info_left p:first-child{font-size:18px;height:26px;line-height:26px;}
.info .info_left p:nth-child(2){font-size:40px;height:40px;line-height:40px;}
.info .info_left p:nth-child(3){font-size:18px;height:18px;line-height:18px;}
.info .info_left a{margin-top:104px;width:34px;height:34px;}
.info .info_right{width:calc(100% - 0px);padding-left:0px;padding-right:0; padding-top:5%;}
.info .info_right p{font-size:13px;line-height:22px;}
.info .info_right p:first-child{font-size:30px;line-height:30px;margin-top:0;}
.info .info_right p:nth-child(2){font-size:20px;line-height:30px;background-position:60px center;margin-top:10px;}
.info .info_right p:nth-child(3){font-size:16px;line-height:24px;margin-top:6px;}
.info .info_right p:nth-child(4){font-size:14px;line-height:24px;margin-top:6px;}
.info .info_right p:nth-child(5){margin:6px 0 5px;}
.info .info_right a{display:none;}
#info_btnbg{padding:10px 0 10px;margin-bottom:20px;}
.info_li{width:calc(25% - 21px);margin-left:28px;}
.info_li p{font-size:12px;line-height:20px;}
.info_li p:first-child{font-size:16px;height:24px;line-height:24px;background-size:auto 23px;margin-bottom:5px;}
#youshibg{padding:20px 0 20px;}
}
/*768以下å±å¹•*/
@media screen and (max-width:767px){
.container{width:calc(100% - 30px);}
.ks_nav{padding:20px 0;}
#ip_classbg{background-size:auto calc(85% - 216px);}
.ip_class .ip_right .ipr_left{width:100%;height:auto;float:none;}
.ip_class .ip_right .ipr_left .ipr_img{padding-bottom:73.06%;}
.ip_class .ip_right .ipr_right{width:100%;float:none;padding:10px 0 10px 0;}
.ip_class .ip_right .ipr_right .ipr_top{display:none;}
.ip_class .ip_right .ipr_right .ipr_txt{margin-top:0;}
.ip_class .ip_right .ipr_left .ipr_num{right:50%;margin-right:-23px;}
.yingyong .yy_img{padding-bottom:80%;}
.yingyong .yy_img img{object-position:18% 0;}
.yingyong .yy_txt:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.2);position:absolute;left:0;top:0;}
.yingyong .yy_txt .yy_pp p{line-height:20px;}
}
/*668以下å±å¹•*/
@media screen and (max-width:667px){
.sub_title .s_t{font-size:20px;height:28px;line-height:28px;}
.sub_title i{width:30px;height:2px;}
.sub_title p{line-height:20px;}
.yingyong{padding-top:40px;}
.yingyong .yy_btn{height:40px;}
.yingyong .yy_btn .yy_span{height:40px;line-height:40px;font-size:14px;background-position:10px center;padding-left:40px;}
.yingyong .yy_btn .yy_span.icon1{background-size:20px auto;}
.yingyong .yy_btn .yy_span.icon2{background-size:20px auto;}
.yingyong .yy_btn .yy_span.icon3{background-size:20px auto;}
.yingyong .yy_btn .yy_span.icon4{background-size:20px auto;}
.yingyong .yy_btn .yy_span.icon5{background-size:20px auto;}
.yingyong .yy_btn .yy_span.icon6{background-size:20px auto;}
.yingyong .yy_btn .yy_span.icon7{background-size:20px auto;}
.yingyong .yy_btn .yy_span.icon8{background-size:20px auto;}
.info .info_left{display:none;}
.info .info_right{width:100%;float:none;padding-left:0;}
.info .info_right p:first-child{display:none;}
.info .info_right p:nth-child(2){display:none;}
.info .info_right p:nth-child(3){margin-top:0;text-align:center;}
.info .info_right p:nth-child(4){text-align:center;}
.info .info_right p:nth-child(5){text-align:center;}
#info_btnbg{padding:0 0 10px;}
.info_li{width:48%;margin-left:4%;margin-top:15px;}
.info_li:nth-child(odd){margin-left:0;}
#stylesubnav .xq_nav{display:block;}
#stylesubnav .xq_nav a{height:38px;line-height:38px;border-right:1px solid #FFF;border-bottom:1px solid #FFF;padding:0 15px;display:inline-block;}
}
/*500以下å±å¹•*/
@media screen and (max-width:499px){
#mobilehead .logo{width:calc(100% - 70px);background-size:auto 40px;}
.index_banner .swiper-pagination-bullets{bottom:10px!important;height:24px;}
.index_banner .swiper-pagination-bullet{width:24px;height:24px;}
.index_banner .swiper-pagination-bullet:before{width:8px;height:8px;margin-left:-4px;margin-top:-4px;}
.yingyong{padding-top:80px;}
.yingyong .yy_btn{height:80px;}
.yingyong .yy_btn .swiper-pagination-bullet{width:50%;}
.yingyong .yy_btn .yy_span{border-bottom:1px solid rgba(255,255,255,.1);}
#px_banner.px_ban1{padding-bottom:43%;}
}